<html>
	<head>
		<title>CS147 Portfolio, 5</title>
		<style type="text/css" media="screen">@import "jqt/jqtouch.css";</style>
		<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="jqt/jqtouch.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			jQT = new $.jQTouch({
				
			});
		</script>
		<link rel="stylesheet" href="week05.css" type="text/css" media="screen" title="no title" charset="utf-8">
	</head>
	<body>
		<div id='bio'>
			<div class='content'>
				<h2>Bio</h2>
				<p>I love talking about places!
				<p>Let me see if I can find where you are.
				<div id="status"></div>
				<div id="result"></div>
				<div id="know"></div>
				<ul>
					<li><a href="#" class="goback">Back home</a></li>
				</ul>
			</div>
		</div>
		<div id="howmightwe" class='content'>
			This is some great work I did for the How Might We? Assignment.
		</div>
		<div id="inspiration" class='content'>
			Wow, that was super inspirational.
		</div>
		<div id="discovery" class='content'>
			Can you discover?
		</div>
		
		<div id="home-screen" class="current content">
				<div id="info">
					<div id='fullname'>Joe <span id='last-name'>Student</span></div>
					<div id="tagline">joe@student.com<br/>Interface Designer</div>
				</div>
				<div class="clear"></div>
				<ul>
					<li><a href="#bio" class="flip" id="bio-link">See bio</a></li>
				</ul>
				<h2>Course work</h2>
				<ul >
					<li><a href="#howmightwe">How Might We?</a></li>
					<li><a class="dissolve" href="#inspiration">Inspiration</a></li>
					<li><a class="cube" href="#discovery">Discovery</a></li>
				</ul>

				<!-- we need this for our float layout -->
				<div class='clear'></div>
		</div>
			
	</body>
</html>